<template>
  <div class="all" style="width:1180px">
    <div class="all2" >
    <el-form label-position="left" label-width="100px">
      <el-form-item class="c1" label="领域分类：" >
        <el-radio-group v-model="radio1" v-for="(lb,index) in label1" :key="index">
          <el-radio-button :label="lb.id" @change.native="upfield(lb.id)" >{{lb.name}}</el-radio-button>
        </el-radio-group>
      </el-form-item>
      <el-form-item class="c2" label="行业分类：">
        <el-radio-group v-model="radio2" v-for="(lb,index) in label2" :key="index">
          <el-radio-button :label="lb.id" @change.native="upindu(lb.id)">{{lb.name}}</el-radio-button>
        </el-radio-group>
      </el-form-item>
      <el-form-item class="c3" label="成果属地：">
        <el-radio-group v-model="radio3" v-for="(lb,index) in label3" :key="index" style="margin-left:1px">
          <el-radio-button :label="lb.id" @change.native="upbelongs(lb.id)">{{lb.name}}</el-radio-button>
        </el-radio-group>
      </el-form-item>
    </el-form>
    </div>
  </div>
</template>

<script>
import SandTAchievements from "../SandTAchievements.vue"
export default {
  name: 'STAHeader',
  data () {
      return {
        radio1: '不限',
        radio2: '不限',
        radio3: '不限',
      // tags: [
      //     { name: '标签一', type: '' },
      //     { name: '标签二', type: '' },
      // ]
        label1:[
          {id:'不限',name:'不限'},
          {id:'新材料',name:'新材料'},
          {id:'新能源与节能',name:'新能源与节能'},
          {id:'农业',name:'农业'},
          {id:'资源与环境',name:'资源与环境'},
          {id:'先进制造与自动化',name:'先进制造与自动化'},
          {id:'高技术服务',name:'高技术服务'},
          {id:'生物与新药',name:'生物与新药'},
          {id:'其他',name:'其他'},
        ],
        label2:[
          {id:'不限',name:'不限'},
          {id:'农、林、牧、渔业',name:'农、林、牧、渔业'},
          {id:'采矿业',name:'采矿业'},
          {id:'电力、燃气及水的生产和供应业',name:'电力、燃气及水的生产和供应业'},
          {id:'制造业',name:'制造业'},
          {id:'交通运输、仓储和邮政业',name:'交通运输、仓储和邮政业'},
          {id:'信息传输、计算机服务和软件业',name:'信息传输、计算机服务和软件业'},
          {id:'批发和零售业',name:'批发和零售业'},
          {id:'金融业',name:'金融业'},
          {id:'住宿和餐饮',name:'住宿和餐饮'},
          {id:'房地产业',name:'房地产业'},
          {id:'租赁和商务服务业',name:'租赁和商务服务业'},
          {id:'科学研究、技术服务和地质勘查业',name:'科学研究、技术服务和地质勘查业'},
          {id:'水利、环境和公共设施管理业',name:'水利、环境和公共设施管理业'},
          {id:'居民服务和其他服务业',name:'居民服务和其他服务业'},
          {id:'教育',name:'教育'},
          {id:'卫生、社会保障和社会福利业',name:'卫生、社会保障和社会福利业'},
          {id:'文化、体育和娱乐业',name:'文化、体育和娱乐业'},
          {id:'公共管理和社会组织',name:'公共管理和社会组织'},
          {id:'国际组织',name:'国际组织'},
          {id:'其他',name:'其他'},
        ],
        label3:[
          {id:'不限',name:'不限'},
          {id:'本地',name:'本地'},
          {id:'省内',name:'省内'},
          {id:'外省',name:'外省'},
        ],
        fildate:[]
      };
    },
  
  methods:{
    upfield(fid){//更新领域id
      this.$bus.$emit('fielddate',fid);
      
    },
    
    upindu(inid){//更新行业id
      this.$bus.$emit('indudate',inid);
    },
    upbelongs(bid){//更新属地id
      this.$bus.$emit('belongsdate',bid);
    }
  }
}
</script>

<style scoped>
  .all{
    width:1180px;
  }
  .el-form-item{
    padding-left: 10px;
    margin: 0px;
    border: solid rgb(186, 186, 189) 1px;
  }
  .el-radio-group{
    margin: 0px;
    border: 0px;
    float: left;
  }
  
</style>

